<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>综合分析</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/index.js"></script>
</head>

<body>
    <div id="barTop" class="progressBar"></div>
    <div class="header row" style="text-align: center; background: #850b06; color: #fff;margin: 0;">
        <div class="col-sm-12">
            <h4 class="title">投资计划管理信息系统</h4>
            <div class="mianbaoxie">
                <a href="../index.html">省交通建设计划</a>>综合分析</div>
        </div>
    </div>
    <div class="row" style="margin: 0;">
        <div class="aside col-sm-1">
            <!--<div class="panel-group" id="myid">-->
            <div class="panel">
                <div class="panel-heading" style="border-bottom: 1px solid #616161;">
                    <h3 class="panel-title">
                        <a data-toggle="collapse" href="#No01">
                            <p class="headTitle">综合分析</p>
                        </a>
                    </h3>
                </div>
                <div class="panel-collapse in" id="No01">
                    <div class="panel-body">
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No1">
                                    <p>公路路网</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No1">
                                <div class="panel-body">
                                    <ul class="select">
                                        <!-- <li id="network_table" class="active" data-type="jtlw" data-show="0">
                                            <p>总表</p>
                                        </li> -->
                                        <li id="network_type" class="active" data-type="jtlw" data-show="1">
                                            <p>按项目类别分</p>
                                        </li>
                                        <li id="network_city" data-type="jtlw" data-show="2">
                                            <p>按地市分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No2">
                                    <p>公路站场</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No2">
                                <div class="panel-body">
                                    <ul class="select">
                                        <!-- <li id="station_table" data-type="jtzc" data-show="0">
                                            <p>总表</p>
                                        </li> -->
                                        <li id="station_type" data-type="jtzc" data-show="1">
                                            <p>按项目类别分</p>
                                        </li>
                                        <li id="station_city" data-type="jtzc" data-show="2">
                                            <p>按地市分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No3">
                                    <p>水运</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No3">
                                <div class="panel-body">
                                    <ul class="select">
                                        <!-- <li id="water_table" data-type="jtsy" data-show="0">
                                            <p>总表</p>
                                        </li> -->
                                        <li id="water_type" data-type="jtsy" data-show="1">
                                            <p>按项目类别分</p>
                                        </li>
                                        <li id="water_city" data-type="jtsy" data-show="2">
                                            <p>按地市分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No4">
                                    <p>民用机场</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No4">
                                <div class="panel-body">
                                    <ul class="select">
                                        <!-- <li id="plane_table" data-type="jtjc" data-show="0">
                                            <p>总表</p>
                                        </li> -->
                                        <li id="plane_city" data-type="jtjc" data-show="2">
                                            <p>按地市分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No6">
                                    <p>全省计划分析表</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No6">
                                <div class="panel-body">
                                    <ul class="select">
                                        <!--<li id="province_table">
                                            <p>总规模表</p>
                                        </li>-->
                                        <li id="province_type" data-type="" data-show="3">
                                            <p>按计划性质分</p>
                                        </li>
                                        <li id="jt_province_city" data-type="" data-show="4">
                                            <p>按地市分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-collapse in">
                                <ul class="select">
                                    <li id="map" data-type='jtlw;jtzc;jtsy;jtjc'>
                                        <p>地图综合分析</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-10" style="padding:0">
            <div class="index_right" id="index_right_div" style=" width:100%;height:100%;">
                <iframe scrolling="no" id="index_right_page" style="width:100%; height:100%;border: none; background: #f1f1f1;"></iframe>
            </div>
        </div>
    </div>
    <script>
        var iframe = document.getElementById("index_right_page");
        iframe.src = "../frames/frame_sj_network_type.html";
        var index_right_div_height;
        var iframeHeight = 950;
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        index_right_div_height = iframeWin.document.body.scrollHeight < iframeHeight ? iframeHeight : iframeWin.document.body.scrollHeight;
        document.getElementById("index_right_div").style.height = index_right_div_height + "px";
        $(".select li").click(function (event) {
            var dataShow = $(this).attr('data-show');
            switch (dataShow){
                case '2':
                    iframeHeight = 1300;
                    break;
                case '3':
                    iframeHeight = 1800;
                    break;
                default:
                    iframeHeight = 950;
                    break;
            }
            document.getElementById("index_right_div").style.height = iframeHeight + "px";
            var ev = window.event || event;
            ev.stopPropagation();
            if ($(this).attr('id') != ('' || undefined || 'map')) $("#index_right_page").attr("src", "../frames/frame_sj_" + $(this).attr('id') + ".html")
            if ($(this).attr('id') == 'map') $("#index_right_page").attr("src", "../frames/frame_" + $(this).attr('id') + ".html")
        });
        if (localStorage.getItem('item') != undefined) {
            $('.mianbaoxie').html('<a href="../index.html">' + localStorage.getItem('item') + '</a>>' + localStorage.getItem('item_name'));
            $('.headTitle').html(localStorage.getItem('item_name'));
        }
    </script>
</body>

</html>